<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表格</title>

  <link rel="stylesheet" href="./css/h9.css">

</head>

<body>

  <!-- 
    表格是复合型标记
    整体要在table标记里面
    表格的内容分为两个大的区域
    thead是表头
      tr是一行 
      th是表头的单元格
    tbody是表身
      tr也是一行
      td是表身的单元格
  -->

  <!-- 表格 -->
  <table border="1">
    <!-- 表头 -->
    <thead>
      <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>电话</th>
        <th>家庭住址</th>
      </tr>
    </thead>

    <!-- 表身 -->
    <tbody>

      <tr>
        <td>张三</td>
        <td>男</td>
        <td>15080604020</td>
        <td>湖南常德武陵区</td>
      </tr>

      <tr>
        <td>李四</td>
        <td>女</td>
        <td>15912345678</td>
        <td>湖南常德武陵区</td>
      </tr>

    </tbody>

  </table>

  <!-- 
    标记
    div,span,p,img,a
    属性
    class
    样式
    颜色，大小，高宽，背景，文字对齐
  -->
</body>

</html>